<template>
  <div class="lottery-state">
    <icon-svg :iconClass="iconClass" class="icon-svg"></icon-svg>
  </div>
</template>

<script>
export default {
  props: {
    state: 0,
  },
  methods: {

  },
  computed: {
    iconClass() {
      let className = ''
      switch(this.state) {
      case 0:
        className = 'icondingdan_weikaijiang'
        break;
      case 1:
        className = "icondingdan_yizhongjiang"
        break;
      case 2:
        className = "icondingdan_weizhongjiang"
      }
      return className
    }
  }
}
</script>

<style lang="stylus" scoped>
  .icon-svg 
    font-size 50px
    transform: rotate(-15deg);
</style>